<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="../util/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../font/font-awesome-4.7.0/css/font-awesome.min.css">
    <script src="../util/jquery-3.4.1.js"></script>
    <script src="../util/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../css/notice.css">

</head>


<body>
<h2 class="h2">公告管理</h2>
<div class="class-part">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-10 col-xs-12">
                <div>
                    <script id="container" name="content" type="text/plain">

                    </script>
                    <!-- 配置文件 -->
                    <script type="text/javascript" src="../util/utf8-asp/ueditor.config.js"></script>
                    <!-- 编辑器源码文件 -->
                    <script type="text/javascript" src="../util/utf8-asp/ueditor.all.js"></script>
                    <script type="text/javascript">
                        var ue = UE.getEditor('container');
                    </script>
                </div>

            </div>
            <div class="col-md-2 col-xs-2">
                <div class="send">
                    <div class="dropdown">
                        <button style="padding: 6px 15px" id="myselect" class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" >
                            园区公告
                            <span class="caret"></span>
                        </button>
                        <ul style="min-width: 100px" class="dropdown-menu">
                            <li value="1"><a href="javascript:;">园区公告</a></li>
                            <li value="2"><a href="javascript:;">班级公告</a></li>
                            <li value="3"><a href="javascript:;">家长公告</a></li>
                        </ul>
                    </div>
                    <div style="padding-top: 40px">

                        <button id="btn" type="button" class="btn btn-primary" data-toggle="modal"  >
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;发送&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button>
                        <!--<select name="" id="myselect">-->
                            <!--<option value="1">园区公告</option>-->
                            <!--<option value="2">班级公告</option>-->
                            <!--<option value="3">家长公告</option>-->
                        <!--</select>-->
                    </div>
                </div>
            </div>
        </div>
        <div class="row" style="margin-top: 20px">
            <div class="col-md-4 col-xs-12">
                <div style="background: #337AB7" class="bg" id="div1"></div>
            </div>
            <div class="col-md-4 col-xs-12">
                <div style="background: #5CB85C" class="bg" id="div2"></div>
            </div>
            <div class="col-md-4 col-xs-12">
                <div style="background: #F0AD4E" class="bg" id="div3"></div>
            </div>
        </div>

    </div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel" style="font-size: 20px">家长公告</h4>
            </div>
            <div class="modal-body" id="modal-body-div">
                <div class="input-group">
                    <span class="input-group-addon" id="basic-addon1">邮箱</span>
                    <input type="text"  id="modal-body-input" class="form-control" placeholder="12345@QQ.com">
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary footer-send">发送</button>
            </div>
        </div>
    </div>
</div>
</body>
<script src="../js/notice.js"></script>
<script>

</script>


</html>